<div class="layui-container fly-marginTop">
	<div class="fly-panel" pad20 style="padding-top: 5px;">
		<div class="layui-form layui-form-pane">
			<div class="layui-tab layui-tab-brief" lay-filter="user">
				<ul class="layui-tab-title">
					<li class="layui-this">发表新帖</li></ul>
				<div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
					<div class="layui-tab-item layui-show">
						<form action="" class="layui-form" method="post">
							<div class="layui-row layui-col-space15 layui-form-item">
								<div class="layui-col-md3">
									<label class="layui-form-label">所在专栏</label>
									<div class="layui-input-block">
										<select lay-verify="required" name="cate_id"  lay-filter="cates">
											<option></option>
											{volist name='cate' id='row'}
											<option value="{$row.cate_id}" >{$row.cate_name}</option>
											{/volist}
										</select>
									</div>
								</div>
								<div class="layui-col-md9">
									<label for="L_title" class="layui-form-label">标题</label>
									<div class="layui-input-block">
										<input type="text" id="L_title" value="" name="title" required lay-verify="required" autocomplete="off" class="layui-input"></div>
								</div>
							</div>
							<div class="layui-row layui-col-space15 layui-form-item layui-hide" id="LAY_quiz">
								<div class="layui-col-md3">
									<label class="layui-form-label">所属产品</label>
									<div class="layui-input-block">
										<select name="project">
											<option></option>
											<option value="layui">layui</option>
											<option value="独立版layer">独立版layer</option>
											<option value="独立版layDate">独立版layDate</option>
											<option value="LayIM">LayIM</option>
											<option value="Fly社区模板">Fly社区模板</option></select>
									</div>
								</div>
								<div class="layui-col-md3">
									<label class="layui-form-label" for="L_version">版本号</label>
									<div class="layui-input-block">
										<input type="text" id="L_version" value="" name="version" autocomplete="off" class="layui-input"></div>
								</div>
								<div class="layui-col-md6">
									<label class="layui-form-label" for="L_browser">浏览器</label>
									<div class="layui-input-block">
										<input type="text" id="L_browser" value="" name="browser" placeholder="浏览器名称及版本，如：IE 11" autocomplete="off" class="layui-input"></div>
								</div>
							</div>
							<div class="layui-form-item layui-form-text">
								<div class="layui-input-block">
									<textarea id="L_content" name="content" required  placeholder="详细描述" class="layui-textarea fly-editor" style="height: 260px;"></textarea>
								</div>
							</div>
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">悬赏飞吻</label>
									<div class="layui-input-inline" style="width: 190px;">
										<select name="kiss">
											<option value="20">20</option>
											<option value="30">30</option>
											<option value="50">50</option>
											<option value="60">60</option>
											<option value="80">80</option></select>
									</div>
									<div class="layui-form-mid layui-word-aux">发表后无法更改飞吻</div></div>
							</div>
							<div class="layui-form-item">
								<label for="L_vercode" class="layui-form-label">图形码</label>
								<div class="layui-input-inline">
									<input type="text" id="L_imagecode" name="captcha" required lay-verify="required" autocomplete="off" class="layui-input"></div>
								<div class="layui-form-mid" style="padding: 0!important;">
									<img src="{:url('index/Reg/code')}" id="code" class="fly-imagecode"></div>
							</div>
							<div class="layui-form-item">
								<button class="layui-btn" lay-filter="addPost" lay-submit>立即发布</button></div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script>
    //Demo
    layui.use(['form','jquery','layedit'], function(){
        var form = layui.form;
        var layedit = layui.layedit;
        var $ = layui.jquery;
        layedit.set({
            uploadImage: {
                url: '{:url("index/Posted/upload")}' //接口url
                ,type: 'post' //默认post
            }
        });
        index = layedit.build('L_content')
        $('#code').click(function () {
            $(this).attr('src',$(this).attr('src')+'?'+Math.random());
        })
        form.on('select(cates)', function(data){
            if (data.value==1){
				$('#LAY_quiz').removeClass('layui-hide');
			}else{
                $('#LAY_quiz').addClass('layui-hide');
            }
        });
        //监听提交
        form.on('submit(addPost)', function(data){
            data.field.content = layedit.getContent(index);
            $.post("{:url('index/Posted/addPost')}", data.field, function(res, textStatus, xhr) {
                if (res.code==0){
                    $('#code').click();
                    layer.msg(res.msg, {icon: 9},function () {
                    });
                }else{
                    $('#code').click();
                    layer.alert(res.msg, {icon: 1},function (){
						location.href=res.url;
                    });
                }
            });
            return false;
        });
    });
</script>
